<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Transformations</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
    <link rel="start" href="index.html" title="Clutter编程" />
    <link rel="up" href="sec-actors.html" title="Chapter 5. Actors" />
    <link rel="prev" href="sec-actors.html" title="Chapter 5. Actors" />
    <link rel="next" href="sec-containers.html" title="容器" />
  </head>
  <body>
    <div class="navheader">
      <table width="100%" summary="Navigation header">
        <tr>
          <th colspan="3" align="center">Transformations</th>
        </tr>
        <tr>
          <td width="20%" align="left"><a accesskey="p" href="sec-actors.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <th width="60%" align="center">Chapter 5. Actors</th>
          <td width="20%" align="right"> <a accesskey="n" href="sec-containers.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
      </table>
      <hr />
    </div>
    <div class="sect1" lang="en" xml:lang="en">
      <div class="titlepage">
        <div>
          <div>
            <h2 class="title" style="clear: both"><a id="sec-actors-transformations"></a>Transformations</h2>
          </div>
        </div>
      </div>
      <p>Actor 支持缩放、旋转、移动等变换。</p>
      <div class="sect2" lang="en" xml:lang="en">
        <div class="titlepage">
          <div>
            <div>
              <h3 class="title"><a id="id3030264"></a>缩放</h3>
            </div>
          </div>
        </div>
        <p>
调用 <code class="function">clutter_actor_set_scale()</code> 来增加或减少 actor 的大小。 
注意，这不会改变 <code class="function">clutter_actor_get_width()</code> 和 <code class="function">clutter_actor_get_height()</code> 的结果，因为这仅仅在视觉效果上改变了 actor 的大小。再次调用 <code class="function">clutter_actor_set_scale()</code> 将代替之前的变换而不是在现有的结果上进行。
</p>
      </div>
      <div class="sect2" lang="en" xml:lang="en">
        <div class="titlepage">
          <div>
            <div>
              <h3 class="title"><a id="id3007385"></a>旋转</h3>
            </div>
          </div>
        </div>
        <p>
调用 <code class="function">clutter_actor_set_rotation()</code> 可以围绕 x 轴、y 轴、z 轴旋转 actor, 旋转轴和旋转角度在参数中指定，<code class="literal">CLUTTER_X_AXIS</code>、<code class="literal">CLUTTER_Y_AXIS</code>、<code class="literal">CLUTTER_Z_AXIS</code> 分别代表 x，y，z 轴。
三个轴中只有两个轴的坐标被指定，具体哪两个轴，依旋转轴而定。比如，当使用 <code class="literal">CLUTTER_X_AXIS</code> 时， y 和 z 参数指定了在 X 轴上的旋转中心。

跟 <code class="function">clutter_actor_set_scale()</code> 类似, 旋转操作只在视觉效果上操作，不会影响 actor 的真正位置、宽、高，<code class="function">clutter_actor_get_x()</code> 的接口依然返回旋转之前的值。
</p>
        <p>
跟 <code class="function">clutter_actor_set_scale()</code> 类似，旋转操作发生在视觉效果上，不会影响 actor 的真正位置、宽、高，<code class="function">clutter_actor_get_x()</code> 的接口依然返回旋转之前的值。
</p>
      </div>
      <div class="sect2" lang="en" xml:lang="en">
        <div class="titlepage">
          <div>
            <div>
              <h3 class="title"><a id="id3030253"></a>剪切</h3>
            </div>
          </div>
        </div>
        <p>
<code class="classname">Actors</code> 也可以被"剪切"，通过 <code class="function">clutter_actor_set_clip()</code> 可以控制 actor 的一部分被显示，参数中给出剪切的矩形区域。 比如，可以这样实现滚动，创建一个大容器，每次设置剪切矩形使仅仅一小部分可见。
Scrolling up could then be implemented by moving the actor down while moving the clip up. 剪切可以调用 <code class="function">clutter_actor_remove_clip()</code> 删除。

</p>
        <p>
剪切域之外的区域不消耗显存，不需要太多处理。
</p>
      </div>
      <div class="sect2" lang="en" xml:lang="en">
        <div class="titlepage">
          <div>
            <div>
              <h3 class="title"><a id="id3023755"></a>移动</h3>
            </div>
          </div>
        </div>
        <p>
<span class="application">Clutter</span> 没有类似于 <code class="function">clutter_actor_set_scale()</code> 和 <code class="function">clutter_actor_set_rotation()</code> 的移动函数，但是可以通过调用 <code class="function">clutter_actor_move_by()</code> 或者 <code class="function">clutter_actor_set_depth ()</code> 来移动 actor。
</p>
        <p>
不像缩放和旋转操作，<code class="function">clutter_actor_move_by()</code> 实质上改变 <code class="function">clutter_actor_get_x()</code> 等函数的结果。
</p>
      </div>
      <div class="sect2" lang="en" xml:lang="en">
        <div class="titlepage">
          <div>
            <div>
              <h3 class="title"><a id="actor-example-transformations"></a>示例</h3>
            </div>
          </div>
        </div>
        <p>
下面的例子实现了一个 actor，使用了旋转、缩放和移动等变换：
</p>
        <div class="figure">
          <a id="figure-actor-transformations"></a>
          <p class="title">
            <b>Figure 5.2. Actor</b>
          </p>
          <div class="figure-contents">
            <div class="screenshot">
              <div>
                <img src="./figures/actor_transformations.png" alt="Actor" />
              </div>
            </div>
          </div>
        </div>
        <br class="figure-break" />
        <p>
          <a class="ulink" href="./examples/actor_transformations" target="_top">Source Code</a>
        </p>
      </div>
    </div>
    <div class="navfooter">
      <hr />
      <table width="100%" summary="Navigation footer">
        <tr>
          <td width="40%" align="left"><a accesskey="p" href="sec-actors.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <td width="20%" align="center">
            <a accesskey="u" href="sec-actors.html">
              <img src="../icons/up.png" alt="Up" />
            </a>
          </td>
          <td width="40%" align="right"> <a accesskey="n" href="sec-containers.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
        <tr>
          <td width="40%" align="left" valign="top">Chapter 5. Actors </td>
          <td width="20%" align="center">
            <a accesskey="h" href="index.html">
              <img src="../icons/home.png" alt="Home" />
            </a>
          </td>
          <td width="40%" align="right" valign="top"> 容器</td>
        </tr>
      </table>
    </div>
  </body>
</html>
